
$(function(){
    $('.writepart').css({
        width:$(document).width(),
        height:$(document).height()
    })
    $('.addsection , .childpart').live('click',function(){
        $('input[name=path]').val($(this).attr('name'));
        $('.writepart').show();
    })
    $('.close').click(function(){
        $(this).parent().hide();
        $('input[name=partname]').val('');
        $('input[name=dir]').val('');
        $('input[name=keyword]').val('');
        $('textarea[name=mesa]').val('');
    })
    //旋转图片剧中显示
    $('.beforeajax').css({
        left:($(window).width()-80)/2
    })
    //点及创建子栏目
    //图片旋转js
    var circle = new Sonic({

        width: 50,
        height: 50,
        padding: 50,

        strokeColor: '#000',

        pointDistance: .01,
        stepsPerFrame: 3,
        trailLength: .7,

        step: 'fader',

        setup: function() {
            this._.lineWidth = 5;
        },

        path: [
        ['arc', 25, 25, 25, 0, 360]
        ]

    });
    circle.play();
    //页面载如完成后 用ajax 载入数据
    $('.partname a').live('click',function(){
        var cname = 'a'+$(this).attr('pid');
        var strN =''
        for(var i=0;i<$(this).attr('num');i++){
                strN += '&nbsp';
        }
        var num =parseInt($(this).attr('num'))+2;
        $(this).toggle(function(){
        var _this = $(this);
        $(this).children('.jia').addClass('jian');
        var pid = $(this).attr('pid');
            $.ajax({
                type:'post',
                'url':url+'/showClass',
                data:"pid="+pid,
                dateType:'json',
                beforeSend:function(){
                    $('.beforeajax').append(circle.canvas);
                    $('.beforeajax').show()
                },
                success:function(str){
                     var arr = eval(str);
                    if(!arr){
                        $(circle.canvas).remove();
                        $('.beforeajax').hide();
                        return false;
                    }
                    var tablestr = '';
                    for(var i=0;i<arr.length;i++){ 
                        tablestr += "<tr class='"+cname+"'><td>"+arr[i].cid+'</td><td class="partname">'+strN+'∟&nbsp;<a href="javascript:;" pid="'+arr[i].cid+'" num="'+num+'"class="tjia"><span class="jia"></span>'+arr[i].classname+'</a></td>';
                        tablestr +="<td>"+arr[i].par+"</td><td></td><td>";
                        tablestr +="&nbsp;<a href='javascript:;' name="+arr[i].id+" class='delpart'>删除</a> | <a href='"+ROOT+"/index.php?c=Index&m=part&id="+arr[i].id+"' target='_blank'>预览</a> | "
                        tablestr +="<a href='"+url+"/addClass/cid/"+arr[i].cid+"' name="+arr[i].id+','+arr[i].path+" class='childpart'>添加子栏目</a>  | <a href='"+url+"/gedit&id="+arr[i].id+"'>修改</a>"
                        tablestr += "</td></tr>";
                    }
                    _this.parent().parent().after(tablestr);
                    $(circle.canvas).remove();
                    $('.beforeajax').hide();
                }        
            })
            $(this).attr('stop',0);},function(){
              $(this).children('.jia').removeClass('jian');
              $('tr[class="'+cname+'"]').remove();
            }).trigger('click')
    })
    //    $.ajax({
    //        type:'post',
    //        'url':url+'/showPart',
    //        dateType:'json',
    //        beforeSend:function(){
    //            $('.beforeajax').append(circle.canvas);
    //            $('.beforeajax').show()
    //        },
    //        success:function(str){
    //            var arr = eval(str);
    //            var tablestr = '';
    //            for(var i=0;i<arr.length;i++){ 
    //                tablestr += "<tr><td>"+arr[i].id+'</td><td>'+arr[i].html+arr[i].partname+'</td><td>';
    //                tablestr +="&nbsp;<a href='javascript:;' name="+arr[i].id+" class='delpart'>删除</a> | <a href='"+ROOT+"/index.php?c=Index&m=part&id="+arr[i].id+"' target='_blank'>预览</a> | "
    //                if(arr[i].onlywrite==1){
    //                    tablestr +="<a href='"+APP+"/Arc/addArc/id/"+arr[i].id+"'>添加文章</a> | "
    //                }
    //                tablestr +="<a href='javascript:;' name="+arr[i].id+','+arr[i].path+" class='childpart'>添加子栏目</a>  | <a href='"+url+"/gedit&id="+arr[i].id+"'>修改</a>"
    //                if(arr[i].num==1){
    //                tablestr +=" | <a href='"+url+"&m=lookPart&id="+arr[i].id+"'>查看</a>";
    //                }
    //                tablestr += "</td></tr>";
    //            }
    //            $('.table1').append(tablestr);
    //            $(circle.canvas).remove();
    //            $('.beforeajax').hide();
    //        }         
    //    }      
    //   )
    //提交修改
    $('.geditbtn').click(function(){
        $('form:first').submit();
    })

})